<template>
     <el-container>
        <el-header>
           <h1>一带一路跨语言大数据创新平台</h1>
          <div class="nav">
            <router-link to="/home">首页</router-link> 
            <router-link to="/silkRoadHot">丝路热点</router-link> 
            <router-link to="/focusDomain">领域聚焦</router-link> 
            <router-link to="/aggregationFound">聚合发现</router-link>
            <router-link to="/subjectAnalysis">专题分析</router-link>
          </div>
        </el-header>
        <el-main>
           <router-view/>
        </el-main>
      </el-container>
</template>
<script>
export default {
  name:'app',
  mounted(){
    console.log(this)
  }
}
</script>

<style lang="scss" scoped>
  .el-container {
    height: 100%;
    .el-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      h1 {
        font-size: 1.6rem;
      }
      .nav {
        margin-right: 2rem;
      }
    }
    .el-main {
      height: calc( 100% - 60px );
    }
  }
</style>

